<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/details.css">
</head>
<body>
    <!-- 头部 -->
    <div class="headerBox"></div>

    <div class="null"></div>


    
    <!-- 放大镜 -->
    
    <div class="shop">
        <div class="glass">
            <div class="cont glass_left">
                <div class="small_box">
                    <img src="" alt="">
                    <span></span>
                    <em></em>
                </div>
                <ul>
                    <a href="" id="il"><img src="./images/left.jpg" alt="" ></a>
                        <div class="magnifier"></div>
                    <a href="" id="ir"><img src="./images/right.jpg" alt=""></a>
                </ul>
            </div>
            <div class="big_box">
                <img src="" alt="">
            </div>
    
    
            <div class="glass_right">
                <h2>24期免息【 当天发货 】一加9 Pro 5G手机新款一加9游戏手机官方旗舰店正品 高通骁龙870 新品一加9Pro</h2>
                <p>当天发货 24期免息 送影视会员</p>
                <div class="price">
                    <img src="./images/details/1.png" alt="" class="bg1">
                    <img src="./images/details/2.png" alt="" class="bg2">
                    <span class="huodong">此商品在活动中，亲尽快购买</span>
                    <div class="money">
                        <span class="span1">特价</span>
                        <span class="span2">￥</span>
                        <span class="span3">2199.00~4399.00</span>
                    </div>
                </div>
    
                <div class="select">
    
                    <div id="wrap">
                        <div id="top">
                            <p id='model'>
                                <font>套餐类型</font>
                                <span>官方标配</span>
                                <span>套餐一</span>
                                <span>套餐二</span>
                                <span>套餐三</span>
                                <span>套餐四</span>
                            </p>
                            <p id='color'>
                                <font>机身颜色</font>
                                <span>蓝屿</span>
                                <span>黑岛</span>
                                <span>深空灰色</span>
                            </p>
                            <p id='rom'>
                                <font>储存容量</font>
                                <span>8+128GB</span>
                                <span>8+256GB</span>
                                <span>12+256GB</span>
                            </p>
                            <p id='banben'>
                                <font>版本类型</font>
                                <span>公开版</span>
                                <span>移动赠费版</span>
                                <span>联通合约版</span>
                            </p>
                        </div>
                        <div id="bottom">
                            <p>价格： <font>￥ <span id='price'>2199</span>.00</font> <a href=''><i>移动赠费版</i>或<i>联通合约版</i>购机价格计算请点击这里>.< </a></p>
                            <button class="btn1">加入购物车</button>
                            <button class="btn2">立即购买</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- 底部 -->
    <div class="footerBox"></div>
</body>
<script src="./ajax.js"></script>
<script src="./libs/jquery.js"></script>
<!-- <script src="./js/details2.js"></script> -->
<!-- <script src="./js/details.js"></script> -->
<script src="./js/details3.js"></script>
<script>
    $(function(){
    $(".headerBox").load("http://localhost:3000/public/header.html .zxt_header" ,function(){
        var sc = document.createElement("script");
        sc.src = "./js/public.js";
        $("body").append(sc);
    });
    $(".footerBox").load("http://localhost:3000/public/header.html .zxt_footer")
})
</script>



</html>